import {BookModel} from '../../models/book.js'
import { LikeModel } from '../../models/like.js'
const bookModel = new BookModel()
const likeModel = new LikeModel()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    comments:[],
    book:null,
    likeStatus:false,
    likeCount:0,
    posting:false,
    inputFocus:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '数据加载中',
    })
    const bid=options.bid
    const detail=bookModel.getDetail(bid)
    const comments=bookModel.getComments(bid)
    const likeStatus=bookModel.getLikeStatus(bid)
    Promise.all([detail, comments, likeStatus])  //返回新的Promise
    .then(res=>{
      //console.log(res)
      this.setData({
        book:res[0],
        comments: res[1].comments,
        likeStatus: res[2].like_status,
        likeCount: res[2].fav_nums
      })
      wx.hideLoading()
    })
    // detail.then(res=>{
    //   this.setData({
    //     book:res
    //   })
    // })
    // comments.then(res=>{
    //   this.setData({
    //     comments: res.comments
    //   })
    // })
    // likeStatus.then(res => {
    //   this.setData({
    //     likeStatus: res.like_status,
    //     likeCount: res.fav_nums
    //   })
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  onLike(e){
    const like_or_cancel=e.detail.behavior
    likeModel.like(like_or_cancel,this.data.book.id,400)
  },
  onFakePost(){
    this.setData({
      posting:true,
      inputFocus:true
    })
  },
  onCancel(){
    this.setData({
      posting: false,
      inputFocus:false
    })
  },
  onPost(e){
    const comment = e.detail.text || e.detail.value
    if (!comment){
      return
    }
    if(comment.length>12){
      wx.showToast({
        title: '短评最多12个字',
        icon:'none'
      })
      return
    }
    bookModel.postComment(this.data.book.id,comment)
    .then(res=>{
      wx.showToast({
        title: '+1',
        icon: 'none'
      })
      this.data.comments.unshift({
        content:comment,
        nums:1
      })
      this.setData({
        comments: this.data.comments,
        posting:false
      })
    })
  }
})